<template>
  <div>
    <h1>学生信息</h1>
    <h2>姓名：{{ name }}</h2>
    <h2>年龄：{{ age }}</h2>
    <h2>年龄：{{ sex }}</h2>
    <button @click="changeInfo">修改信息</button>
  </div>
</template>

<script>
// import { ref } from "vue";

export default {
  props: ['name', 'age', 'sex', 'number'],
  setup() {
    // const name = ref("张三");
    // const age = ref(18);

    // function changeInfo() {
    //   name.value = "李四";
    //   age.value = 48;
    //   console.log(name, age);
    // }

    // const changeInfo = () => {
    //   name.value = "李四";
    //   age.value = 48;
    //   console.log(name, age);
    // };

    return {
      // name,
      // age,
      // changeInfo,
    };
  },
};
</script>

<style scoped>

</style>
